<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./scss/test.css">
</head>
<body>
  <div id="app">
    <div class="container">container</div>
    <a href="#">百度</a>
  </div>
  <script>
      const obj = { 0: '男', 1: '女' };

      // const narr = [];

      // Object.keys(obj).forEach( item => {
      //   narr.push({ label: obj[item], value: item })
      // });
      
      const narr = Object.keys(obj).map(item => ({
          label: obj[item], 
          value: item
        }))
      console.log(narr)

    // // 把 arr 转成 {0：'男'，1：'女'} 这样子
    // const arr = [
    //   { label: '男', value: '0' }, 
    //   { label: '女', value: '1' },
    //   { label: 'un', value: '2' }
    // ]
    // // const sum = [1,2,3,4,5].reduce((acc,item)=>acc + item, 0)

    // // console.log(sum)

    // //const res =  arr.reduce((acc, item) => {}, init)
    // // function f(arr) {
    // //   const obj = arr.reduce((acc, item) => {
    // //     acc[item.value] = item.label
    // //     return acc
    // //   }, {})
    // // }

    // const f = ar => ar.reduce((a, i) => ({...a, [i.value]: i.label}), {})

    // // function f(arr) {
    // //   const obj = {}
    // //   arr.forEach(item => {
    // //     obj[item.value] = item.label
    // //   })
    // //   return obj

    // // }

    // const obj = f(arr)
    // console.log(obj)
  </script>
</body>
</html>